<template>
    <div class="devimg" :style="imgStyle">
        <img :src=url >
    </div>
</template>

<script setup lang='ts'>
import { reactive } from 'vue';
const props = defineProps({
    url:{
        type:String,
        default:''
    },
    imgStyle:{
        type:Object,
        default:()=>{
            return {
                width: '100%',
                height: '100%'
            }
        }
    }
})
</script>

<style lang='scss' scoped>
    .devimg{
        border-radius: 10px;
        border: 1px solid rgb(255, 255, 255);
        img {
            width: 100%;
            height: 100%;
        }
    }
</style>